<template>
    <div>
        <!-- 列表渲染 -->
        <ul v-for="(item, index) in movies" :key="index.id">
            <li>{{ item.name }}---{{ item.score }}</li>
        </ul>

    </div>
</template>
<script setup>
import { ref } from 'vue'

let movies = ref([
    { id: 1, name: '流浪地球', score: 8.5 },
    { id: 2, name: '哪吒之魔童降世', score: 8.8 },
    { id: 3, name: '复仇者联盟4', score: 8.0 },
    { id: 4, name: '少年的你', score: 8.5 },
    { id: 5, name: '误杀', score: 8.5 },
])
</script>
<style scoped></style>